{% load static %}
<!DOCTYPE html>
<html lang="en">


<!-- =============================================================================== -->
<!-- 头部开始 -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <!-- 标题 -->
    <title>
        资产管理系统
    </title>

    <!-- css 文件 -->
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css">
    <!-- js 文件 -->
    <script src="{% static 'js/jquery.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.bundle.js' %}"></script>

</head>
<body style="overflow:hidden; box-sizing:border-box;">
<div class="container-scroller">
    <nav class="navbar col-lg-12 py-3 mb-3 border-bottom">
        <div class="container-fluid d-grid gap-3 align-items-center" style="grid-template-columns: 1fr 2fr;">
            <div class="dropdown">
                <a href="https://v5.bootcss.com/docs/examples/headers/#"
                   class="d-flex align-items-center col-lg-4 mb-2 mb-lg-0 link-dark text-decoration-none dropdown-toggle"
                   data-bs-toggle="dropdown" aria-expanded="false">
                    <svg class="bi me-2" width="40" height="32">
                        <img src="#" alt="logo">
                    </svg>
                </a>
            </div>

            <div class="d-flex align-items-center">
                <div class="w-100 me-3" role="search">
                </div>

                <div class="flex-shrink-0 dropdown">
                    <a href="#"
                       class="d-block link-dark text-decoration-none dropdown-toggle" data-bs-toggle="dropdown"
                       aria-expanded="false">
                        <img src="#" alt="mdo" width="32" height="32"
                             class="rounded-circle">
                    </a>
                </div>
            </div>
        </div>
    </nav>
    <div class="container-fluid">
        <div class="row">
            <nav class="sidebar col-lg-2 bg-light border rounded-3" style="height: 1000px">
                <lu class="list-unstyled ps-0">
                    <li class="mb-1">
                        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed"
                                data-bs-toggle="collapse" data-bs-target="#home-collapse" aria-expanded="false">
                            设备管理
                        </button>
                        <div class="collapse" id="home-collapse">
                            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                                <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">设备列表</a>
                                </li>
                                <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">添加设备</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="mb-1">XXX</li>
                    <li class="mb-1">XXX</li>
                    <li class="mb-1">
                        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed"
                                data-bs-toggle="collapse" data-bs-target="#zd_main" aria-expanded="false">
                            字典维护
                        </button>
                        <div class="collapse" id="zd_main">
                            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                                <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">设备类型</a>
                                </li>
                                <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">科室维护</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="mb-1">
                        <button class="btn btn-toggle d-inline-flex align-items-center rounded border-0 collapsed"
                                data-bs-toggle="collapse" data-bs-target="#users_main" aria-expanded="false">
                            用户管理
                        </button>
                        <div class="collapse" id="users_main">
                            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
                                <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">设备类型</a>
                                </li>
                                <li><a href="#" class="link-dark d-inline-flex text-decoration-none rounded">科室维护</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </lu>
            </nav>
            <div class="col-lg-10 bg-light border rounded-3">
                {% block content %}
                {% endblock content %}
            </div>
        </div>
    </div>
</div>
</body>
</html>